Interactive code (ICode) examples

Simplest Example

Example with program from scratch and no output checking.

Coding activity

Free writing

Write any program you want, and run it to see its output.

write-any-program

Starter code and output checking

Example with started code that students need to complete. We check the program’s output.

Coding activity

Hello world

Finish the program below so that it outputs the following to stdout: Hello World!

#include <stdio.h>

int main(int argc, char **argv) {
    printf("Hello!!\nHello!\a\n");

    return 0;
}

simple-example-skel

Checking file output

A test can also check the contents of files created by the interactive code.

Coding activity

File output

Finish the program so that it outputs the text Hello World, both to stdout and the file message.txt.

#include <stdio.h>

int main(int argc, char **argv) {

    fprintf(stdout, "Hello World!\n");

    FILE *fid = fopen("message.txt", "w");
    // Also write the string to the file
    fclose(fid);

    return 0;
}

write-file

Complex example

By hiding some of the input files from the user, you can design complex test cases without necessarily exposing this code as part of the exercise.

It is also possible to make input files readonly, or restrict editing to certain lines.

Coding activity

API completion

A simple list API is defined in list.h. Finish the incomplete function in list.c to complete the exercise.

#include <stdlib.h>
#include "list.h"

list *list_new() {
    list *l = malloc(sizeof(struct list));
    if (!l)
        return NULL;

    l->head = NULL;

    return l;
}

node *node_new(int data) {
    node *n = malloc(sizeof(struct node));
    if (!n)
        return NULL;

    n->data = data;
    n->next = NULL;

    return n;
}

int list_push_front(list *l, node *n) {

    // TODO: finish the function so that n becomes the first node in l,
    // preceding all existing nodes

}

typedef struct node {
    int data;
    struct node *next;
} node;

typedef struct list {
    struct node *head;
} list;

list *list_new();
node *node_new();
int list_push_front(list *l, node *n);

#include <stdio.h>
#include <string.h>
#include <stdlib.h>
#include "list.h"

int main(int argc, char **argv) {

    list *l = list_new();

    if (argc < 2)
        return 1;

    char *test_case = argv[1];

    if (strcmp(test_case, "push") == 0) {
        for (int i = 2; i < argc; ++i) {
            int d = atoi(argv[i]);

            node *n = node_new(d);
            list_push_front(l, n);
        }

        node *n = l->head;
        while (n) {
            printf(" %d", n->data);
            n = n->next;
        }
        printf("\n");

    } else if (strcmp(test_case, "err_null_list") == 0) {
        node *n = node_new(10);
        int rc = list_push_front(0, n);
        printf("list_push_front returned %d\n", rc);
    } else if (strcmp(test_case, "err_null_node") == 0) {
        int rc = list_push_front(l, 0);
        printf("list_push_front returned %d\n", rc);
    }

    return 0;
}

complex-example-multifile

Multiple Choice Question examples

Simple Example

Write any MCQ you want, select your answer(s) and click on run to see the answer.

MCQ activity

Circumference

Let’s explore the mathematical world of circles!

What is the formula for the circumference of a circle?

We covered this in Section 1.

A.

r

B.

2π²

circumference

This is a simple example where only one of the choices is correct. Let us define some of the elements of this configuration. Firstly, we have the type. The type key specifies the type of the question; one indicates that there is only one correct answer.

Notice the use of $ signs in the example above. This is the syntax used in Markdown to style mathematical expressions with the appropriate format and symbols.

Randomizing answer choices

One can specify whether the choices to each question are randomized using the random key. Set random: true to enable randomization. This is an optional key; its default value is false. Note that the randomization is performed once statically when the HTML book is generated.

MCQ activity

Programming languages

Which of the following is not a programming language?

A.

Javascript

B.

Java

C.

Python

D.

HTML

prog-language

One-to-many MCQs

With the many: true key, one can specify multiple correct answers to a question.

MCQ activity

Data Types in C

Which of the following are native C data types?

A.

int

B.

let

C.

var

D.

char

c-native-types

Fill-in-the-blanks examples

Simple Example

Write any FIB you want, fill in the blank and see its result.

FIB activity

Bones

Fill in the blanks below about the human body.

How many bones are there in an adult’s body?

There are

1

bones in an adult’s body.

bones

This is a straightforward example with just one blank. Let’s clarify some of the elements of this setup.

“Text” refers to the entire paragraph that will be displayed in the card body, which may include one or more blanks. “|blank|” means blank in the text. Answers contain the answer of each blank, along with the corresponding feedback.

Multiple Blanks Example

If you want to incorporate additional blanks into the text, you can simply insert more “|blank|” placeholders within the paragraph. Additionally, make sure to include corresponding elements in the answers section to accommodate the answers and responses for each additional blank.

FIB activity

Program

Fill in the blanks below about variable declaration in Python.

Complete the following line of a Python program so that it will declare an integer variable age with an initial value of 5.

1

age =

2

;

program

Case Sensitive Example

The casing property is applied to this question and applies to all blanks.

FIB activity

Python Keyword Trivia

Fill in the blanks with Python keywords.

In Python, to define a function, you use the

1

keyword, and to indicate the end of a loop or conditional block, you use the

2

keyword.

python-keywords

Parsons examples

Simple Example

Write any parsons exercise you want, drag and drop fragments and see its result.

Parsons activity

Example 1

Create a proof of the theorem: if n is an even number, then n ≡ 0 mod 2.

Drag items from here...

...and drop them here (click to remove)

So n = 2m + 0.

Thus n ≡ 0 mod 2.

Suppose n is even.

Then there exists an m so that n = 2m.

Redundant fragment

eg1

This is a simple example without any additional functions. Let’s clarify certain aspects of this configuration.

Label and Random Example

You can activate the ‘label’ option, resulting in the creation of a numbered label on the left side of each fragment.

Similarly, you have the option to enable ‘random’, which will introduce randomness to the order of the fragments. Note that the randomization is performed once statically when the HTML book is generated.

Parsons activity

Example 2

Create a proof of the theorem: if n is an even number, then n ≡ 0 mod 2.

Drag items from here...

...and drop them here (click to remove)

0

Thus n ≡ 0 mod 2.

1

So n = 2m + 0.

2

Suppose n is even.

3

Then there exists an m so that n = 2m.

4

Redundant fragment

eg2

OR-group Examples

To group fragments together as part of the same “or-group,” you can assign an ‘gid’ within each fragment. Fragments with the same ‘gid’ will be clustered together, with only one correct fragment within that cluster.

Parsons activity

Example 3

Create a proof of the theorem: if n is an even number, then n ≡ 0 mod 2.

Drag items from here...

...and drop them here (click to remove)

Suppose n is even.

or{

Then there exists an m so that n = 2m.

Then there exists an m so that n = 2m + 1.

Then n is a prime number.

or{

So n = 2m + 0.

So n = 2m + 1.

Thus n ≡ 0 mod 2.

Redundant block

eg3

Matching examples

Simple Example

Matching activity

Match College Year to Term

Match the term to each college year.

Drag items from here...

...and drop them here (click to remove)

1

Freshman

2

Sophomore

3

Junior

4

Senior

First Year

Second Year

Third Year

Fourth Year

college-year

Multiple Choices to Answers Example

Matching activity

Match Food Item

Match the food items to it’s respective food category.

Drag items from here...

...and drop them here (click to remove)

1

Apple

2

Tomato

3

Carrot

Fruit

Vegetable

fruit-or-vegetable

Horizontal Parsons examples

Simple Example

Write any horizontal parsons exercise you want, drag and drop fragments and see its result.

Horizontal parsons activity

SQL

Rearrange the fragments to form a valid SQL statement

Drag items from here...

test

SELECT

*

FROM

Distractor

...and drop them here (click to remove)

eg4

Label and Random Example

You can activate the ‘label’ option, resulting in the creation of a numbered label on the left side of each fragment.

Similarly, you have the option to enable ‘random’, which will introduce randomness to the order of the fragments. Note that the randomization is performed once statically when the HTML book is generated.

Horizontal parsons activity

Sentence

Reorder the following words to make a sentence.

Drag items from here...

0

over

1

fox

2

dog

3

jumped

4

the

5

The

6

quick

7

brown

8

lazy

...and drop them here (click to remove)

eg5